body, html, input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
}


/*Banner图样式*/
.banner {
    background: url(../img/banner.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 280px;
    color: #fff;
}

.banner-contents {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.banner-title {
    font-size: 32px;
    line-height: 32px;
    text-shadow: 0 0 1px #000;
}



.main-wrap{background:url(../img/bg-detail.jpg) repeat-y center;background-size:100%;}
.main{ display: table;table-layout: fixed;}
.left1{ background-color: #f7f8fa;display: table-cell;vertical-align: top;border-right: #e5e5e5 1px solid;padding-top: 40px;padding-right: 20px;width: 22%;}
.left1title {width:100%;font-size: 30px;line-height: 45px;color: #000;margin-bottom: 25px;}
.left1menu { width:100%;}
.left1menu ul li { border-bottom:1px solid #e5e5e5;height:65px;line-height:65px;font-size:14px;}
.left1menu ul li a { color:#000;}
.left1menu ul li a.active { color:#00a4ff;}

.right1{ width: 78%;background-color: #fff;display: table-cell;vertical-align: top;padding: 40px 0 60px 50px;}
.rightmain {width:100%;}
.rigthtitle {width:100%;line-height:45px; font-size:30px; color:#000;margin-bottom:45px;}
.righttext {width:100%;padding-bottom:10px;font-size:14px;color:#000;}
.righttext p {font-size:13px;line-height:24px;color:#000;}
.righttext img{ max-width: 100%; }
.img_s{ display:none; }


.try .title{ color: #00a4ff;font-size:16px;line-height:35px;margin-top: 10px;border-bottom:1px solid #e5e5e5;margin-bottom:15px;}
.try .table td {font-size: 14px;font-size: 1.4rem;height: 37px;background-color: #fff;border-bottom: 3px solid #fafafa;border-left: 3px solid #fafafa;padding-left: 10px;font-weight: 400;line-height: 1.5;padding: 5px 8px;border-top:none;}
.try .table td:first-child{border-left: none;}
.try .table td.name {width: 110px;background-color: #eff6f9;text-align: right;}
.try .table td.name > span {color: #ff0000;margin-right: 5px;}
.try .table .input{width: 100%;height: 100%;margin: 0;box-shadow: none;padding: 0;font-size: 14px;font-size: 1.4rem;border: none;background-color: transparent;}
.try .table .try_submit {width: 90%;font-size: 14px;line-height: 20px;overflow: hidden;padding: 20px;text-align:center;background-color:#fafafa;height:37px;}
.try .submit {width: 150px;height: 35px;background: #00a4ff;border-radius: 5px;color: #fff;border: 0px;}


@media (max-width: 991px){
    .top_l { width: 100%; float: left; }
    .top_r { width: 100%; float: right; position: relative; margin-top: -64px; z-index: 9; }
    .menu ul { display: none; }
    .topnav { width: 100%; margin: 0 0 5px 0; display: block; }
    .moblienav { width: 100%; display: block; }
	.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 28px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .navbar-toggle .icon-bar {background-color: #CCCCCC;border-radius: 1px;display: block;height: 2px;width: 22px;}
    ul[role=navigation] {display: none;width: 100%;margin: 0;padding: 0;background-color: #fafafa;border-bottom: 1px solid #ccc;}
    ul[role=navigation] li {float: left;display: block;margin-left: 0px;margin-top: 2px;width: 100%;line-height: 28px;text-align: left;padding: 0;border-top: 1px solid #ccc;}
    ul[role=navigation] li a {padding: 2px 20px;font-size: 12px;position: relative;display: block;}
    ul[role=navigation] li a:after {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

    .home_solution .home_p [class*="col-"]{padding-left:5px;padding-right:5px;}
    .home_menuname{ font-size: 26px;}
    .home_submenu{ font-size: 16px;}
    .home_realize .home_p,.home_feature .home_p{ padding-top: 60px;}
    .home_feature .home_p{padding-bottom: 100px;}
    .home_feature .item .box{padding-left:5px;padding-right:5px;}
    .home_feature .item .con img{ width: 95px; }
    .home_feature .item .txt span{ display:inline;}
    .home_case .home_p{ padding-top: 60px;padding-bottom:70px;}

    .banner{ height:145px;background-image:url(../img/banner.jpg);}
    .banner-title{ font-size:26px;line-height:26px;}

    .left1{ width:25%;padding: 25px 15px 0 0;}
    .left1title {font-size: 24px;line-height: 30px;margin-bottom: 20px;}
    .left1menu ul li {height:45px;line-height:45px;font-size:14px;}
    .right1{ width:75%;padding: 25px 0 20px 20px;}
    .rigthtitle {line-height:30px; font-size:24px;margin-bottom:30px;}
}
@media (max-width: 767px){
    .logo {width:100%; float:left; padding-top:23px;}
    .home1{padding-top: 30px;}
    .home_menuname{ font-size:24px;}
    .home_submenu{ font-size: 14px;margin-top: 10px;}
    .home_solution .home_p{ padding:30px 0 40px;}
    .home_solution [class*="col-"]{margin-bottom: 15px;}
    .home_solution .name{ font-size:14px;margin-top:6px;}
    .home_realize .home_p,.home_feature .home_p{ padding-top: 30px;}
    .home_feature .home_p{padding-bottom: 80px;}
    .home_feature .item .box{ padding-top: 40px;height:330px;}
    .home_feature .item .name{ font-size:16px;margin-top:25px;height:38px;}
    .home_feature .item .txt{ font-size: 13px;margin-top:30px;}
    .home_case .home_p{ padding-top: 40px; padding-bottom:50px;}


    .main-wrap{ background: none;}
    .main-wrap .main{ padding: 0;}
    .left1{ width:100%;padding: 20px 15px 0;display:block;border-right: none;}
    .left1title {font-size: 20px;line-height: 24px;margin-bottom: 15px;}
    .left1menu ul li {height:45px;line-height:45px;font-size:14px;}
    .right1{ width:100%;padding: 20px 15px 10px;display:block;}
    .rigthtitle {line-height:24px; font-size:20px;margin-bottom:20px;}
    .righttext .aboutus img {max-width:300px;}
    .img_s{ display: block;}
    .img_l{ display: none;}
    
    
}
@media (max-width: 414px){
    .container{padding-left:10px;padding-right:10px;}
    .top_l {float: left;width: 70%;}
    .top_l img {width: 100%;}
    .top_r {margin-top: -57px;}

    .home1{padding-top: 25px;}
    .home_menuname{ font-size:20px;}
    .home_submenu{ font-size: 13px;margin-top: 5px;}
    .home_solution .home_p{ padding:20px 0;}
    .home_solution .name{font-size:13px;}
    .home_realize .home_p,.home_feature .home_p{ padding-top: 10px;}
    .home_feature .home_p{padding-bottom: 40px;}
    .home_feature .list .item{width: 50%;margin-bottom:15px;}
    .home_feature .item .box{ padding-top: 25px;height:270px;}
    .home_feature .item .name{ margin-top:15px;height:30px;}
    .home_feature .item .txt{ font-size: 12px;margin-top:15px;}
    .home_case .home_p{ padding-top: 30px; padding-bottom:40px;}


    .left1{ padding: 20px 10px 0;}
    .right1{ padding: 20px 10px 10px;}
    
}

/*底部*/
.foot {
    width: 100%;
    background-color: #5f646c;
    padding: 50px 0;
    color: #fff;
    font-size: 14px
}

.foot .copyright {
    margin-left: 30px;
    float: left;
}

@media (max-width: 991px){
	.foot .copyright {
    margin-left:0px
	}
}

.oh {
    overflow: hidden;
}

.foot .link {
    width: 20%;
    font-size: 12px
}

.fl{
    float: left;
}

.foot .qrcode {
    width: 12%;
    text-align: center;
}

.fr {
    float: right;
}

.foot .ray {
    width: 68%;
}

.foot .tel {
    font-size: 26px;
    font-weight: 600;
    margin-right: 30px;
}

.foot .ray .oh {
    margin-top: 15px;
}



.foot .copyright .gan {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.foot .title {
    font-size: 18px;
    height: 46px;
}

.foot a {
    color: #fff;
}

a, a:hover {
    text-decoration: none;
}

@media (max-width: 414px){
	.foot .link {
    	width: 50%;
	}
}

@media (max-width: 991px){
	.foot .qrcode {
    	width: 15%;
	}
}

@media (max-width: 414px){
	.foot .qrcode {
    	 width: 100px;
	}
}

@media (max-width: 991px){
	.foot .ray {
    	width: 65%;
    	padding-left: 15px;
	}
}

@media (max-width: 414px){
	.foot .ray {
   	 width: 100%;
   	 padding-left: 0;
   	 margin-top: 15px
	}
}

@media (max-width: 991px){
	.foot .title {
   	 	height: 40px;
	}
}


@media (max-width: 767px){
	.foot .title {
    	font-size: 16px;
    	height: 35px;
	}
}

@media (max-width: 767px){
	.foot .tel {
    	font-size: 20px;
	}
}

@media (max-width: 414px){
	.foot .tel {
    	display: block;
	}
}

@media (max-width: 991px){
	.foot .ray .oh {
    	margin-top: 0;
	}
}

/*底部结束*/